iT邦幫忙

第 12 屆 iThome 鐵人賽
DAY 28
0
Software Development

Mendix從入門到了解，工程師和業務都要知道低代碼平台是什麼系列 第 28 篇

誰說低代碼平台上就不能寫自己的CSS

12th鐵人賽 css 低代碼 sass
1523 瀏覽

  • 分享至 

  • xImage
    •  

都已經千辛萬苦的學會CSS了，不用用這個技能不是就太浪費了嗎? 對，本篇文就是要來看看怎麼在低代碼平台上用CSS。

工具

  • 好用的IDE (我用Visual Studio Code)
  • Calypso
  • 想寫CSS的心情 (CSS 專文可以參考CSScoke的金魚都能懂的系列文)

在Mendix 編輯CSS

在想要裝飾的物件上點選後，在Properties > class 編寫
https://ithelp.ithome.com.tw/upload/images/20201012/20129530iBVHIGSKXo.png

或者在物件上點兩下前往apperance 更改class
https://ithelp.ithome.com.tw/upload/images/20201012/20129530GRJEdtcpNU.png

要注意，不要使用style 編輯!

CSS 使用

  1. 在class的位置寫上綁定的class名稱

https://ithelp.ithome.com.tw/upload/images/20201012/20129530j4MAbZryew.png

  1. 在IDE編輯SASS檔案

https://ithelp.ithome.com.tw/upload/images/20201012/20129530HTMYHTFiSG.png


上一篇
Microflows的Java升級版
下一篇
使用者帳號在Mendix要怎麼管理?
系列文
Mendix從入門到了解，工程師和業務都要知道低代碼平台是什麼 共 30 篇
  1. 26
    Mendix上要不要做自己的Widget呢?
  2. 27
    Microflows的Java升級版
  3. 28
    誰說低代碼平台上就不能寫自己的CSS
  4. 29
    使用者帳號在Mendix要怎麼管理?
  5. 30
    沒有登入也可以看得到內容? Mendix上的Anonymous User
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22200 篇
完賽人數
602 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙